<template>
	<view class="doctor-page">
		<view class="header">
			<view class="header-msg">
			<view>
				<view class="header-name">医生姓名</view>
				<view>
					<view>心血管内科</view>
					<view>主任医师</view>
				</view>
			</view>
					<!-- avatar -->
				<view>
					<image src="../../static/homeimg/病例.png"  class="heder-img"></image>
				</view>
			</view>
		</view>
	
		<view class="seekForPat">
			<view class="seek-item">
				<view class="seek-num">25</view>
				<view>患者咨询/次</view>
			</view>
			<view class="seek-item">
				<view class="seek-num">0</view>
				<view>线上接诊/例</view>
			</view>
			<view class="seek-item">
				<view class="seek-num">0</view>
				<view>线下接诊/例</view>
			</view>
		</view>
			<!-- 医生简介 -->
		<view class="intro-other">
			<view class="intro"> 
				<van-icon name="user-o" color="blue" />
				<text>医生简介</text>
			</view>
			<view class="intromsg">
				<text>李宪峰，男，汉族，山东济南人，全科医生，毕业于山东大学，大学本科学历，全科执业医师、执业药师，从事医疗工作多年，积累了丰富的诊疗经验</text>
			</view>
		</view>
		<!-- 医院地址 -->
		<view class="intro-other">
			<view class="intro">
				<van-icon name="hotel-o" color="blue" />
				<text> 医院信息</text>
			</view>
			<view class="intromsg hosp">
					<view class="hospital-name">XXX医院</view>
					<view class="hospiatl-address">未央区凤城三路东段10号</view>
					<view class="hospiatl-phone">029-618237</view>
			</view>
		</view>
	
		<view class="btn">预约服务</view>
	</view>
</template>

<script setup>
	import {onLoad} from "@dcloudio/uni-app"
	import {ref} from 'vue';
	import {showToast} from 'vant';
	import {yuYue} from '../../pinia/yuyue'
	import api from '../../lib/request.js'
	const yuyue = yuYue()
	
	// 获取上个页面传递过来的科室信息,
	onLoad( (params) => {
		// 根据科室信息发送请求,获得对应的科室上班医生,或者通过日期预约,得到该科室下的近期在职医生
		// 医生id 和医生姓名
		let {id,name} = params
		// 自定义nav栏
		uni.setNavigationBarTitle({title : name+'医生'})
		// let doctorinfo = api.get(`/admin/doctor/findDoctorById/${id}`)
		console.log(doctorinfo)
	
	})
</script>

<style lang="scss" scoped> 
.doctor-page{
	width: 100vw;
	height: calc(100vh - 44px);
	overflow: scroll;
}
.header{
	width:100%;
	background-color: #999;
}
.header-name{
	font-size: 30px;
	color:blue;
}
.header-msg{
	width:100%;
	background-color: #eee;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.heder-img{
	width: 150px;
	height: 150px;
	border:1px solid red;
}

.seekForPat{
	background-color: #ffa50014;
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.seek-item{
	box-sizing: border-box;
		color:#ab8e59;
		width:calc(100% / 3);
		border:1px solid #999;
		padding:10px;
		text-align: center;
}
.seek-num{
	padding:5px;
	color:#ffa500e6;
	font-size: 20px;
}

.btn{
	width:100%;
	height: 50px;
	background-color: #5757f7;
	color:#fff;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	position: fixed;
	bottom:0;
}
.intro-other{
	width:calc(100% - 20px);
	background-color: #eef6ff;
	padding:10px ;
	border-bottom: 1px solid #999;
	// margin-bottom: 10px;
}
.intro>text{
	margin-left: 10px;
	font-weight: bold;
}
.intromsg{
	width:100%;
	margin-top: 5px;
	// max-height: 60px;
	overflow: hidden;
}
.hosp>view{
	// padding:3px 0;
}
</style>
